// 定义普通函数
// 01 size 响应式(数据更新,视图自动更新) ref
// 02 实时获取浏览器窗口大小 监听事件,onMounted监听,onBeforeUnmount移除监听
import {ref,onMounted,onBeforeUnmount} from 'vue';
function useWinSize(){
  const size = ref({w:window.innerWidth,h:window.innerHeight});
  // 定义事件处理函数
  const onResize = ()=>{
    size.value = {w:window.innerWidth,h:window.innerHeight};
  }
  // 监听事件
  onMounted(()=>{
    window.addEventListener('resize',onResize);
  })
  // 移除监听
  onBeforeUnmount(()=>{
    window.removeEventListener('resize',onResize);
  })
  return size;
}
// 导出
export {useWinSize}